<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control"
	content="no-cache,no-store,must-revalidate">
<meta http-equiv="expires" content="0">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>投保申请</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="assets/css/rz.css">
<link rel="stylesheet" href="assets/css/datepicker.css">

</head>
<body>
	<div class="page-group">
		<div class="page page-current" id="index">
			<header class="bar bar-nav">
			<h1 class='title'>投保申请</h1>
			<a href="promotion/promotionDetail" id="back"
				class="button button-link button-nav pull-left back" external> <span
				class="icon icon-left"></span> 返回
			</a> </header>

			<div class="content">
				<form name="policy" action="promotion/buy1Finish" method="post">
					<div class="card" id="personalInfo">
						<div class="card-header">
							<b>1.请完善投保人基本信息</b>
						</div>
						<div class="card-content">
							<div class="list-block">
								<ul>
									<!-- Text inputs -->
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-name"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">姓名&nbsp;&nbsp;*</div>
												<div class="item-input">
													<input id="name" name="name" type="text"
														value="${policycach.name }" placeholder="请输入真实姓名">
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-gender"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">性别&nbsp;&nbsp;*</div>
												<%-- <input type="text" id='gender' name="gender"
													value="${policycach.gender }" placeholder="请选择性别" /> --%>
												<div class="item-input">
													<select id="gender" name="gender">
														<c:if test="${policycach.gender=='男'}">
															<option value="0" selected>男</option>
															<option value="1">女</option>
														</c:if>
														<c:if test="${policycach.gender=='女'}">
															<option value="0">男</option>
															<option value="1" selected>女</option>
														</c:if>
														<c:if
															test="${policycach.gender!='男'&&policycach.gender!='女'}">
															<option disabled selected style='display: none;'>请选择性别</option>
															<option value="0">男</option>
															<option value="1" selected>女</option>
														</c:if>
													</select>
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-name"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">手机号码&nbsp;&nbsp;*</div>
												<div class="item-input">
													<input id="mobilePhone" name="mobilePhone" type="text"
														value="${policycach.mobilePhone}" disabled="disabled">
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-email"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">电子邮箱</div>
												<div class="item-input">
													<input id='email' name="email" type="email"
														value="${policycach.email}" placeholder="请输入电子邮箱">
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-email"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">出生日期</div>
												<div class="item-input">
													<input type="date" name="birthday" value="${policycach.birthday}"
														value="2000-01-01">
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-gender"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">证件类型&nbsp;&nbsp;*</div>
												<%-- <input type="text" id='identityType' name="identityType"
													value="${policycach.identityType }" placeholder="请选择证件类型" /> --%>
												<div class="item-input">
													<select id="type" name="type">
														<c:if test="${policycach.identityType=='身份证'}">
															<option value="身份证" selected>身份证</option>
															<option value="护照">护照</option>
															<option value="军官证">军官证</option>
														</c:if>
														<c:if test="${policycach.identityType=='护照'}">
															<option value="身份证">身份证</option>
															<option value="护照" selected>护照</option>
															<option value="军官证">军官证</option>
														</c:if>
														<c:if test="${policycach.identityType=='军官证'}">
															<option value="身份证">身份证</option>
															<option value="护照">护照</option>
															<option value="军官证" selected>军官证</option>
														</c:if>
														<c:if
															test="${policycach.identityType!='身份证'&&policycach.identityType!='护照'&&policycach.identityType!='军官证'}">
															<option disabled selected style='display: none;'>请选择证件类型</option>
															<option value="身份证">身份证</option>
															<option value="护照">护照</option>
															<option value="军官证">军官证</option>
														</c:if>
													</select>
												</div>
												<!-- <span class="icon icon-down pull-left" style="width:50%"></span> -->
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-name"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">证件号码&nbsp;&nbsp;*</div>
												<div class="item-input">
													<input id='code' name="code" type="text"
														value="${policycach.identityCode }" placeholder="请输入证件号码">
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-media">
												<i class="icon icon-form-name"></i>
											</div>
											<div class="item-inner">
												<div class="item-title label">证件有效期&nbsp;&nbsp;*</div>
												<div class="item-input">
													<%-- <input id='identityTime' name="identityTime" type="text"
														value="${policycach.identityTime }" placeholder="请输入证件有效期"> --%>
													<c:if test="${policycach.validDate==null||policycach.validDate.isEmpty()}">
													<input type="date" name="validDate"
														value="2020-01-01"> <label class="label-switch">
														<input type="checkbox" name="isLongTermValid" value="长期有效">
														<div class="checkbox"></div>
													</label>长期有效
													</c:if>
													<c:if test="${policycach.validDate.equals('长期有效')}">
													<input type="date" name="validDate"
														value=""> <label class="label-switch">
														<input type="checkbox" name="isLongTermValid" checked="true" value="长期有效">
														<div class="checkbox"></div>
													</label>长期有效
													</c:if>
													<c:if test="${policycach.validDate!=null&&!policycach.validDate.isEmpty()&&!policycach.validDate.equals('长期有效')}">
													<input type="date" name="validDate"
														value="${policycach.validDate}"> <label class="label-switch">
														<input type="checkbox" name="isLongTermValid" value="长期有效">
														<div class="checkbox"></div>
													</label>长期有效
													</c:if>
												</div>
											</div>
										</div>
									</li>
									
								</ul>
							</div>
							<!-- <div class="card-footer"></div> -->
						</div>
					</div>
					<div class="content-block">
						<div class="row">
							<div class="col-100">
								<input type="submit" value="下一步"
									class="button button-big button-fill button-success"
									external>
							</div>
						</div>
					</div>
					<%@ include file="/include/footer.jsp"%>
				</form>
			</div>
		</div>
	</div>

	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/datepicker.js"></script>
	<script src="assets/js/distpicker.data.js"></script>
	<script src="assets/js/distpicker.js"></script>

</body>
</html>